<template>
    <div class="vs_container" 
		@touchstart="touchstart"
		>
		<div class="vs_content">
				<!--refresh  -->
				<div class="refresh-wrapper">
					<div class="refresh" v-if="refreshState == 1">
						<span class="icon-pull-down"><img src="./down_arrow.png"/></span>
						<span class="text">释放刷新</span>	
					</div>	
					<span class="refresh-loading" style="fill:#f00" v-if="refreshState == 1"><img src="./audio.svg"/></span>
				</div>	
				 列表区  
				<!-- loadmore -->
		</div>
	</div>
</template>
<script>
	export default{
		name: 'vue-scroller',
		data () {
			return {
				state: 0,
				refreshState: 0,
				loadMoreState: 0
			}
		},
		methods: {
			touchstart (e) {
				if (e.target.tagName.match(/input|textarea|select/i)) {
					return
				}
				// this.
				console.log(e);
			}
		}
	}
</script>
<style>
	.vs_container{
		/* background: #ff0; */
		width: 100%;
		height:100%;
		overflow: hidden;
		font-size:14px;
	}
	.refresh-wrapper{
		width:100%;
 
	}
	.refresh-wrapper .refresh{
	}
	.refresh .icon-pull-down{
		display: block;
		text-align:center;
	}
	.refresh .icon-pull-down img{
		display:inline-block;
		width: 30px;
	}
	.refresh-loading{
		display: inline-block;
	}	

</style>
